﻿@model VirtualPress.Portal.Web.Models.RegisterModel
@{
    ViewBag.Title = "请完善用户信息";
    Layout = "/Views/Shared/_Main.cshtml";
}
@section head
{
    <link href="/Content/css/register.css" rel="stylesheet" type="text/css" />
    <link href="/content/css/bootstrap-datetimepicker.min.css" rel="Stylesheet" />
    <style type="text/css">
        .add-on
        {
            -webkit-border-radius: 0 3px 3px 0;
            border-radius: 0 3px 3px 0;
            margin-left: -1px;
            vertical-align: top;
            display: inline-block;
            width: auto;
            height: 20px;
            min-width: 16px;
            padding: 4px 5px;
            font-size: 14px;
            font-weight: normal;
            line-height: 20px;
            text-align: center;
            text-shadow: 0 1px 0 white;
            background-color: #EEE;
            border: 1px solid #CCC;
            }
    </style>
    <script type="text/javascript" src="/Scripts/jquery.js"></script>
}

<div class="container">
    <div class="row">
        <div class="span9">
            <!-- navagation -->
            <ul class="breadcrumb">
                <li><a href="/">首页</a> <span class="divider">/</span></li>
                <li class="active">完善用户信息</li>
            </ul>
            <form action="/Job/ModeReviser" method="post" id="regform">
             <input type="hidden" name="token" value="@ViewBag.Token" />
             <input type="hidden" name="type" value="@ViewBag.Type" />
                <fieldset>
                    <legend>完善专家信息</legend>
                    <div class="row-fluid">
                         <div class="span8 alert offset2" style="display:none;" id="errormsg"></div>
                     </div>
                    <div class="control-group row-fluid">
                        <label class="control-label span2 offset1" style="text-align:right;" for="iptPassword">
                            登录密码</label>
                        <div class="controls span4">
                            <input type="password" id="txtPassword" placeholder="密码长度6-20位" name="Password"
                            av="{x:':\\w{6,12}',t:'errormsg',m:'密码6-12位', a:'show'}"
                            class="span12">
                        </div>
                    </div>
                    <div class="control-group row-fluid">
                        <label class="control-label span2 offset1" style="text-align:right;" for="iptPasswordAgain">
                            确认密码</label>
                        <div class="controls span4">
                            <input type="password" id="txtConfirm" placeholder="请确保两次输入一致" name="confirm"
                            av="{x:'=txtPassword',t:'errormsg',m:'两次输入不一致', a:'show'}"
                            class="span12">
                        </div>
                    </div>
                    <div class="control-group row-fluid">
                        <label class="control-label span2 offset1" style="text-align:right;" for="txtNickName">
                            姓&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;名</label>
                        <div class="controls span4">
                            <input type="text" id="txtNickName" placeholder="请输入您的真实姓名" name="NickName" 
                            av="{x:':[\\u4e00-\\u9fa5A-Za-z]{1,12}',t:'errormsg',a:'show',m:'请输入1-12位中文或字母'}" 
                            class="span12" >
                        </div>
                    </div>
                    <div class="control-group row-fluid">
                        <label class="control-label span2 offset1" style="text-align:right;" for="sltGender">
                            性&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;别</label>
                        <div class="controls span4">
                            <select id="sltGender" class="span4" name="Gender">
                                <option value="1">先生</option>
                                <option value="0">女士</option>
                            </select>
                        </div>
                    </div>
                    <div class="control-group row-fluid">
                        <label class="control-label span2 offset1" style="text-align:right;" for="txtBirthday">
                        出生日期</label>
                        <div id="datetimepicker" class="input-append span6">
                            <input class="span5" id="txtBirthday" data-format="yyyy-MM-dd" type="text"  name="Birthday"
                            av="{x:'$date',t:'infoerrormsg',a:'show',m:'日期格式错误'}"/>
                            <span class="add-on">
                                <i class="icon-calendar" data-time-icon="icon-time" data-date-icon="icon-calendar" ></i>
                            </span>
                        </div>
                    </div>
                    <div class="control-group row-fluid">
                        <span class="control-label span2 offset1" style="text-align:right;">
                        所居地区</span>
                        <div class="span9">
                            <select name="AreaCode" id="sltAreacode" style="width:100px;">
                            </select>
                            <select name="Location" id="sltLocation" style="width:100px;">
                            </select>
                        </div>
                        <script type="text/javascript">
                            $(function () {
                                new plug.Control().BuildRelationSelect(
                                    { element: 'sltAreacode' },
                                    { element: 'sltLocation' }, 'province');
                            });
                        </script>
                    </div>
                    <div class="control-group row-fluid">
                        <label class="control-label span2 offset1" style="text-align:right;" for="txtPhone">
                            联系电话</label>
                        <div class="controls span4">
                            <input type="text" id="txtPhone" placeholder="请输入常用电话" name="Phone"
                            av="{x:'$phone',t:'errormsg',a:'show',m:'常用电话格式错误'}" 
                            class="span12">
                        </div>
                    </div>
                    <div class="cntrol-group row-fluid">
                        <div class="controls span1 offset2" style="text-align:right;">
                            <input type="checkbox" id="ckbagreement"
                            av="{x:'!',t:'errormsg',m:'请阅读协议并勾选同意',a:'show'}" />
                        </div>
                        <div class="control-label span9">
                            <label for="ckbagreement">已阅读并同意<a href="/Home/Agreement" target="_blank">中华科教出版社网服务协议</a></label>     
                        </div>
                    </div>
                    <div class="cntrol-group row-fluid">
                        <div class="controls span5 offset2">
                            <input type="submit" class="btn btn-primary" value="Sumit" />
                        </div>
                    </div>
                </fieldset>
            </form>
        </div>
        <div class="span3">
            <div class="mini-layout">
                @RenderPage("/Views/Shared/Partial/_Quiklinks.cshtml")
                <div class="hspace10">
                </div>
                <div class="hspace15">
                </div>
                @RenderPage("/Views/Shared/Partial/_NewJournals.cshtml")
            </div>
        </div>
    </div>
</div>
@section tail{  
    <script type="text/javascript" src="/Scripts/bootstrap-datetimepicker.min.js"></script>

    <script type="text/javascript">
        $(function () {
            new plug.AValidator().BuildValidate('regform');
            $('#datetimepicker').datetimepicker({
                pickTime: false
            });
        });
        function Refalsh(sender) {
            validation.Refalsh(sender);
        }
    </script>
}